/********************************banner样式***************************************************/
#banner{ height: 370px; width: 100%;}
.slideBox{ width:100%; height:370px;overflow:hidden; position:relative;min-width: 990px;}
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:43%; bottom:5px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{cursor: pointer; width:3em; height:6px; background:#cdcdcd; opacity:0.4;filter:alpha(opacity=40); float:left; margin:0 .5em;}
.slideBox .hd ul li.on{ background:red !important;}
.slideBox .bd{ height:350px; width: 100%; z-index:0;   }
.slideBox .bd ul li{overflow: hidden;width: 100%; height: 370px;position: relative;  }
.slideBox .bd li a{display:block; width: 1100px; height: 370px; margin:0 auto; position: relative;}
/*第四屏*/
.banner1{width:100%; height:370px;
   background:url(../img/images/banner/banner03.png) center; 	
}
.content1{ width:1100px; height:370px;margin:0 auto;position:relative;}
.b2_word{float:right; margin-top:100px;}
.b2_word img{ float:right;}

.b2_word var{ color:#FFFFFF; font-size:3.2em; float:right; margin:0.2em 0.2em;}

.animation21{
	
	
	height: 70px;
	-webkit-animation:fadeInDown 2s .2s ease both;
	-moz-animation:fadeInDown 2s .2s ease both;}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-1.5em)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-moz-transform:translateY(-1.5em)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
	}
	@-ms-keyframes fadeInDown{
	0%{opacity:0;
	-ms-transform:translateY(-1.5em)}
	100%{opacity:1;
	-ms-transform:translateY(0)}
}
#a24{
	position:absolute; 
	 height:300px;
	 width:430px;
	 left:0;
	 top:35px;
	}

.animation22{
	-webkit-animation:fadeInRight 1s .2s ease both;
	-moz-animation:fadeInRight 1s .2s ease both;}

@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(2em)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(2em)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRight{
0%{opacity:0;
-ms-transform:translateX(2em)}
100%{opacity:1;
-ms-transform:translateX(0)}
}


/*新添加一屏*/
.slide ul li.banner5{ width:100%; height:28.6em; background: url(../img/images/banner/chunjie.png) center center no-repeat;}
/*第一屏*/
.slide ul li.banner2{width:100%; height:28.6em; background: url(../img/images/banner/banner2_1.jpg) center center no-repeat;}
.content2{ width:70.7em; height:28.6em; margin:0 auto;  position:relative;display: inline-block;}
.animation5{
	background:url(../img/images/banner/banner01_r_zhi01.png) no-repeat; width:500px; height:100px;position: absolute;right: 10%; top: 50%;
	-webkit-animation:flash 3s 1s ease both;
	-moz-animation:flash 3s 1s ease both;}
	@-webkit-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-moz-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-ms-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
.animation5 a{ float:left; top:50px; left: 400px;}

.animation3{
	background:url(../img/images/banner/banner01_r_zhi.png) center center no-repeat; width:500px; height:60px; position: absolute; top: 23%; right:10%;
	-webkit-animation:fadeInDown 2s 1s ease both;
	-moz-animation:fadeInDown 2s 1s ease both;}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
	}
	@-ms-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
}
.animation4{
	background:url(../img/images/banner/banner01_l.png) center  center no-repeat; width:540px; height:350px;position:absolute; left:12%; top:2%; 
	-webkit-animation:fadeInRight 2s  ease both;
	-moz-animation:fadeInRight 2s  ease both;}
	@-webkit-keyframes fadeInRight{
	0%{opacity:0;
	-webkit-transform:translateX(-10%)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRight{
	0%{opacity:0;
	-moz-transform:translateX(2em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
	}
	@-ms-keyframes fadeInRight{
	0%{opacity:0;
	-ms-transform:translateX(2em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}

/*第三屏*/
.slide ul li.banner3{width:100%; height:28.6em; background:url(../img/images/banner/banner3.jpg) center center no-repeat;}
.content3{ width:70.7em; height:28.6em; margin:0 auto;display: inline-block;}
.animation6{
	background:url(../img/images/banner/idc.png) no-repeat; width:19em; height:6em; margin:2.35em 0 0 8.6em; float:left;
	-webkit-animation:bounceInDown 1s .2s ease both;
	-moz-animation:bounceInDown 1s .2s ease both;}
	@-webkit-keyframes bounceInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-2000px)}
	60%{opacity:1;
	-webkit-transform:translateY(30px)}
	80%{-webkit-transform:translateY(-10px)}
	100%{-webkit-transform:translateY(0)}
	}
	@-moz-keyframes bounceInDown{
	0%{opacity:0;
	-moz-transform:translateY(-2000px)}
	60%{opacity:1;
	-moz-transform:translateY(30px)}
	80%{-moz-transform:translateY(-10px)}
	100%{-moz-transform:translateY(0)}
}
@-ms-keyframes bounceInDown{
	0%{opacity:0;
	-ms-transform:translateY(-2000px)}
	60%{opacity:1;
	-ms-transform:translateY(30px)}
	80%{-ms-transform:translateY(-10px)}
	100%{-ms-transform:translateY(0)}
}
#a9,#a10{opacity: 0;filter:alpha(opacity=0);}
.animation7{
	font-size:3.2em; width:100%; float:left; margin:0.7em 0 0 2.5em; font-weight:bold;color: #333;
	-webkit-animation:fadeInDown 1s .2s ease both;
	-moz-animation:fadeInDown 1s .2s ease both;}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-2em)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-moz-transform:translateY(-2em)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
}
@-ms-keyframes fadeInDown{
	0%{opacity:0;
	-ms-transform:translateY(-2em)}
	100%{opacity:1;
	-ms-transform:translateY(0)}
}
.animation7 span{  color:#009EFE; font-size:1em;}
/*新添第二屏*/
.slide ul li.banner4{width:100%; height:28.6em; background:url(../img/images/banner/banner4.png) center center no-repeat;}
.animation8{
	background:url(../img/images/banner/banner02_r.png) no-repeat;
	width:540px; 
	height:350px; 
	float:right;
	top: 0px;
	right:8%;
	position: absolute;
	-webkit-animation:fadeInRightBig 3s .5s ease both;
	-moz-animation:fadeInRightBig 3s .5s ease both;
}
	@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;
	-webkit-transform:translateX(13em)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRightBig{
	0%{opacity:0;
	-moz-transform:translateX(13em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRightBig{
	0%{opacity:0;
	-ms-transform:translateX(13em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}
.animation9{
 	background:url(../img/images/banner/banner02_l.png) no-repeat; width:720px; height:230px; float:left;
	left:10%;
	top:20%;
	position:absolute;
	-webkit-animation:fadeInLeftBig 3s .5s ease both;
	-moz-animation:fadeInLeftBig 3s .5s ease both;
}
	@-webkit-keyframes fadeInLeftBig{
	0%{opacity:0;
	-webkit-transform:translateX(-20em)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInLeftBig{
	0%{opacity:0;
	-moz-transform:translateX(-20em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInLeftBig{
	0%{opacity:0;
	-ms-transform:translateX(-20em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}

/******************************最新动态****************************/

#Recent{ width: 100%; height: 316px; top: 20px; position: relative;}
.Recent_c{ height:316px; width: 1100px; margin: 0 auto; }
.Recent_c_l{ width:462px; height: 316px; float: left;}
.Recent_c_l dl{ height: 60px;width:450px; }
.Recent_c_l dl dt{ font-family: "微软雅黑";  color:#404040; font-size: 26px;width:462px; float: left;}
.Recent_c_l dl dt font{ font-size: 16px;}
.Recent_c_l dl dd{width:462px; font-size: 16px; color: #ffebaa; font-family: "新宋体";}
 
#FontScroll{width:450px;height:250px;line-height:30px;overflow:Hidden; position:relative; z-index:1;}
#FontScroll ul{width:450px;height:250px;}
#FontScroll ul li{height:50px; line-height:50px; position:relative; padding-left:20px;}
#FontScroll ul li.lihover {
	background:url(../img/images/greenarrowright.gif) no-repeat 10px center #F1F1F1;
	border-radius:10px;
	
}
#FontScroll ul li a{ float:left; text-decoration:none; font-family:"新宋体";  color:#747474; font-size:14px;height:50px; width:300px; text-align:left; overflow:hidden;}
#FontScroll ul li span{ float:right; color:#747474; font-family:"新宋体";  font-size:14px; width:100px; height:50px; overflow:hidden;}
#FontScroll .line{text-align:center; width:100%;}
#FontScroll .fontColor a{}
#FontScroll .tips {
	position:absolute;
	z-index:10000;
	top:-53px;
	left:300px;
	width:182px;
	height:123px;
	visibility:hidden;
	background:url(../img/images/tipbg.png) no-repeat;
	opacity:0.0;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
#FontScroll .tips .tipscont {
	width:100px;
	text-align:center;
	margin:20px 0 0 50px;
}
#FontScroll .hover {
	visibility:visible;
	top:-93px;
	left:320px;
	opacity:1;
}


.Recent_c_r{ width:638px; height: 316px; float: left;}
.center{display:block;width:638px;position:relative; height: 313px; top: 2px;}
.major-list-outer{height:313px; overflow:hidden;}
.major-list{margin-right:-32px;margin-bottom:-30px;*margin-bottom:0px}
.major-list li{width:212px;height:156px;margin-right:1px;margin-bottom:1px;float:left;position:relative}
.major-list li a, .major-list li a span{width:100%;height:100%;display:block;position:absolute;left:0;top:0}
.front-face{z-index:2;background:url(../img/images/industry_r.jpg) no-repeat 0 0}
.back-face{z-index:1;background:url(../img/images/industry_r_e.jpg) no-repeat 0 0}
.major-list li a{overflow:hidden}
.major-list li:hover a .back-face{z-index:3;}
#dx .front-face, #dx .back-face{background-position:0 0}
#rj .front-face, #rj .back-face{background-position:-212px 0}
#jx .front-face, #jx .back-face{background-position:-425px 0}
#gdz .front-face, #gdz .back-face{background-position:0 -156px}
#jsj .front-face, #jsj .back-face{background-position:-212px -156px}
#kz .front-face, #kz .back-face{background-position:-425px -156px}

/*************************成功案例*************************************************/

#Case{ height: 620px;  width: 100%; margin-top:50px;background: url(../img/images/bgsection.png) #3babd0;}

.Case_c{ width: 1100px; height: 580px; margin: 0 auto; position: relative; top: 20px;}
.Case_c ul{  width: 1100px; height: 580px; overflow: hidden;}
.Case_c ul li{}
.Case_c ul li a{}
.Case_c ul .Case_c_li01{width: 540px; height: 417px; background:url(../img/images/case01.png) no-repeat; position: absolute; left: 277px; top:50px; z-index: 5; }
.Case_c ul .Case_c_li01 a{ display:block;width: 451px; height: 255px; background: url(../img/images/01.jpg) no-repeat; position: relative; left: 43px; top: 44px; overflow: hidden;}
.Case_c ul .Case_c_li01 a .rsp{ width: 451px; height: 255px; position:absolute; right: -451px;}
.Case_c ul .Case_c_li01 a .Case_c_li01_div{width: 451px; height: 255px;position:absolute; z-index:999 ; background-image:url(../img/images/Case_li01_div_bg.png);}
.Case_c ul .Case_c_li01 a .Case_c_li01_div h3{ height:80px ; line-height: 80px; font-weight: normal; color: #FFF; font-size: 62px; padding-left: 20px;}
.Case_c ul .Case_c_li01 a .Case_c_li01_div dl{ width: 250px; height: 150px; position: relative; left: 20px; overflow: hidden;}
.Case_c ul .Case_c_li01 a .Case_c_li01_div dl dt{ margin-bottom: 10px; height: 30px; line-height:30px ; font-size: 26px; font-weight: bold; color: #FFF; }
.Case_c ul .Case_c_li01 a .Case_c_li01_div dl dd{ height:120px ;color: #FFF; line-height: 30px;}


.Case_c ul .Case_c_li02{width: 506px; height: 313px; background:url(../img/images/case03.png) no-repeat; position: absolute; right: 0px; bottom: 0px;  z-index: 15;}
.Case_c ul .Case_c_li02 a{ display:block;width: 363px; height: 226px; background: url(../img/images/03.jpg) no-repeat; position: relative; left: 69px; top: 28px; overflow: hidden;}
.Case_c ul .Case_c_li02 a .rsp{ width: 363px; height: 236px; position:absolute; right: -363px;}
.Case_c ul .Case_c_li03{width: 281px; height: 360px; background:url(../img/images/case02.png) no-repeat; position: absolute; left: 0;   z-index: 15; top: 150px;}
.Case_c ul .Case_c_li03 a{ display:block;width: 178px; height: 233px; background: url(../img/images/02.jpg) no-repeat; position: relative; left: 52px; top: 52px; overflow: hidden;}
.Case_c ul .Case_c_li03 a .rsp{ width: 178px; height: 233px; position:absolute; right: -178px;}

.Case_c ul .Case_c_li04{width: 120px; height: 220px; background:url(../img/images/case04.png) no-repeat; position: absolute; left: 215px;   z-index: 15; bottom: 25px;}
.Case_c ul .Case_c_li04 a{ display:block;width: 81px; height: 143px; background: url(../img/images/04.jpg) no-repeat; position: relative; left: 19px; top: 38px; overflow: hidden;}
.Case_c ul .Case_c_li04 a .rsp{ width: 81px; height: 143px; position:absolute; right: -81px;}


.Case_c ul .Case_c_li05{width: 150px; height: 46px;  position: absolute; right: 70px; top: 150px;  z-index: 15;}
.Case_c ul .Case_c_li05 a{float: left; position:absolute;}






#office{ height: 522px; width: 100%; padding: 50px 0; background:#FFF ;  backface-visibility: visible;}
.office_center{ width: 1110px; height: 522px; margin: 0 auto; }
.office_center ul{width: 1110px; height: 522px;}
.office_center li{ 
	width: 210px; 
	height: 168px; 
	float: left; margin-top:5px; margin-right: 15px;


}
.office_center li a{ display: block; height: 120px; width: 180px;  margin: auto ;}
.office_center li dl{
	 height: 120px; width: 180px; margin: auto; position: relative; top: 23px;
}
.office_center li dl dt{width: 180px; float: left; font-size: 20px; height: 30px; line-height: 30px; color: #FFF; overflow: hidden;}
.office_center li dl dd{width: 180px;  font-size: 14px; float: left; color: #cccccc; height: 90px;  text-indent: 2em; line-height: 20px;overflow: hidden;}
.office_center li:hover{
	 /* Gecko browsers */
	-moz-border-radius: 10px; 
	/* Webkit browsers */
	-webkit-border-radius: 10px; 
	/* W3C syntax - likely to be standard so use for future proofing */
	border-radius:10px; 

	transform:rotate(8deg);
    -ms-transform:rotate(8deg); 	/* IE 9 */
    -moz-transform:rotate(8deg); 	/* Firefox */
    -webkit-transform:rotate(8deg); /* Safari 和 Chrome */
    -o-transform:rotate(8deg); 	/* Opera */
}

.office_center .office_center_li01{background-color:#f69b71;}
.office_center .office_center_li02{background-color:#7ca7cf;}
.office_center .office_center_li03{background-color:#40b552;}
.office_center .office_center_li04{background-color:#fa7584;}
.office_center .office_center_li05{background-color:#3ca9f9; margin-right: 0px;}
.office_center .office_center_li06{background-color:#f7b340;}
.office_center .office_center_li07{background-color:#f69b71;}
.office_center .office_center_li08{background-color:#7ca7cf;}
.office_center .office_center_li09{background-color:#40b552;}
.office_center .office_center_li10{background-color:#fa7584; margin-right: 0px;}
.office_center .office_center_li11{background-color:#3ca9f9;}
.office_center .office_center_li12{background-color:#f7b340;}
.office_center .office_center_li13{background-color:#f69b71;}
.office_center .office_center_li14{background-color:#7ca7cf;}
.office_center .office_center_li15{background-color:#40b552; margin-right: 0px;}

/***********************************合作客服*****************************************************/
#Client{ width: 100%; height:650px; }

#content { width: 1110px; height:550px; margin:0 auto; position: relative;top: 45px;;}

#logo, #foot { margin-left: 10px; }
ul.thumb {float: left;list-style: none;margin: 0;width: 1110px;background-color: white;}
ul.thumb li {margin: 0; padding: 5px;float: left;position: relative;width: 175px;height: 100px; }
ul.thumb li img {width: 175px;height: 100px;border: 1px solid #ddd;padding: 5px;background: #f0f0f0;position: absolute;left: 0; top: 0;-ms-interpolation-mode: bicubic; }
ul.thumb li img.hover {margin-top:15px;background:none; border:none}
.title{position:absolute;width:185px;height:35px;margin:0;font-weight:900;background:url(../img/images/blue.png) no-repeat center center;padding:17px 0 0 0;text-align:center; color: #fff; }




/**********成功案例********************/
#Case_bb{ width: 100%; height: 675px; background: url(../img/images/bgsection.png) #26AC77; padding: 35px 0px 20px 0px; }
#section{ width: 1100px; height: 635px; position: relative; top: 20px; overflow: hidden; margin: 0 auto ; overflow: hidden;
      /*filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;  */
}

#section ul{ width:1100px;height: 635px;}
#section ul li{ width:355px; height:200px ; float: left; position: relative; overflow: hidden;}
#section ul .section_li{ margin-top: 17px; margin-bottom: 17px;}
#section ul li .photo{width:355px ; height:200px ; overflow: hidden;}
#section ul li .rsp{width:355px; height:200px ; position: absolute; left: 0; bottom: 0; overflow: hidden; background:#000; }
#section ul li .text{width:355px; height:200px ; position: absolute; overflow: hidden;  left:-355px; bottom: 0; }
#section ul li .text h3{ height:50px ; width:355px; background:#000000; color: #FFF; line-height: 50px; font-family:"microsoft yahei"; font-size: 22px; text-align: center;  margin-top: 80px;}











